.container{
  position: relative;
  width: 100%;

  .input-container{
    position: relative;
    margin: 0 auto;

    :global .ant-input-group-wrapper{
        .ant-input-group-addon{
            display: none;
        }
    }

    .select{
      position: absolute;
      left: 4px;
      top: 1px;
      z-index: 2;
      
      :global(.ant-select-selector) {
        color: var(--black) !important;
      }
      
      :global(.ant-select-selection-item) {
        color: var(--black) !important;
      }
    }
    :global(.ant-input-search) {
        .ant-input {
          border: 1.66px solid var(--black) !important;
          border-radius: 32px !important;
        }
        .ant-input:focus,
        .ant-input-focused {
          border: 1.66px solid var(--black) !important;
        }
        
        // 在较大屏幕上使用更粗的边框
        @media screen and (min-width: 768px) {
          .ant-input {
            border: 2.66px solid var(--black) !important;
          }
          
          .ant-input:focus,
          .ant-input-focused {
            border: 2.66px solid var(--black) !important;
          }
        }
    }
    
    input{
        color: var(--main-6);
        border-radius: 32px !important;
        padding: 5px 48px 5px 70px;
        border: 1.66px solid var(--black) !important;

        &::placeholder{
            color: var(--gray-5);
            font-size: 14px;
        }
        @media screen and (min-width: 768px) {
          border: 2.66px solid var(--black) !important;
        }
    }

    .search-btn{
        position: absolute;
        right: 2px;
        top: 1px;
        z-index: 2;
    }
  }
}